<!DOCTYPE html>
<html lang="zh-cn" ng-app="app">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>库存管理系统</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="assets/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
             folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="assets/css/skin-blue.min.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="assets/plugins/iCheck/square/blue.css" type="text/css">
    <!-- sweetalert style -->
    <link rel="stylesheet" href="assets/css/ngDialog.min.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="assets/css/sweetalert.css" type="text/css"/>
    <link rel="stylesheet" href="assets/css/select.min.css" type="text/css"/>

    <link rel="stylesheet" href="assets/css/ladda-themeless.min.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="assets/css/colorbox.css?v=1.2" rel="stylesheet">
    <link rel="stylesheet" href="assets/plugins/datepicker/ui-bootstrap-datepicker-2.1.3.css">
    <link rel="stylesheet" href="assets/css/style.css?v=1.2">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="assets/js/libs/html5shiv.min.js"></script>
    <script src="assets/js/libs/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var lang = {
                "delete_warning": "是否确认删除此信息？",
                "yes": "是",
                "no": "否",
                "unknown": "操作出现意外， 请稍后再试",
                "ok": "知道了",
                "ask_login": "你的帐号已被退出，请登录。",
                "not_found": "相关页面不存在。",
                "no_permistion": "你没有操作其他用户的权限。"
            },
        Otk = {
            'TEMPLETE': 'assets/templates/',
            'DASHBOARD': '/',
            'DASHBOARD_API': '/api'
        };
    </script>
    <script type="text/ng-template" id="menu-item-link-tpl">
        <i ng-if="item.icon" class="@{{item.icon}}"></i>
        <i ng-if="!item.icon" class="glyphicon glyphicon-menu-right"></i>
        <span class="title">@{{item.title}}</span>
        <i ng-if="item.menuItems.length" class="fa fa-angle-left pull-right"></i>
        <span ng-if="item.label" class="label label-@{{item.label.classname}} pull-right">@{{item.label.text}}</span>
    </script>
    <script type="text/ng-template" id="menu-items-tpl">
        <li ng-repeat="item in menuItems"
            ng-class="{'opened': !item.isHeader && item.isOpen, 'active': !item.isHeader && item.isActive, 'treeview': !item.isHeader && item.menuItems.length, 'header' : item.isHeader}">
            <span ng-if="item.isHeader" ng-bind="item.title"></span>
            <a ng-if="!item.isHeader && item.type == false"
               ng-href="@{{item.menuItems.length ? 'javascript:void()' : '#' + item.link}}"
               ng-include="'menu-item-link-tpl'"></a>
            <a ng-if="!item.isHeader && item.type == 'login'"
               ng-click="logout()"
               ng-include="'menu-item-link-tpl'"></a>
            <ul ng-class="'treeview-menu menu-open'"
                ng-if="!item.isHeader && item.menuItems.length"
                ng-init="subItems = item.menuItems"
                ng-include="'menu-items-recursive-tpl'"></ul>
        </li>
    </script>
    <script type="text/ng-template" id="menu-items-recursive-tpl">
        <li ng-repeat="item in subItems" ng-class="{'opened expanded': item.isOpen, 'active': item.isActive, 'treeview': item.menuItems.length}">
            <a href="#@{{item.link}}" ng-include="'menu-item-link-tpl'"></a>
            <ul ng-class="'treeview-menu menu-open'"
                ng-if="item.menuItems.length"
                ng-init="subItems = item.menuItems"
                ng-include="'menu-items-recursive-tpl'"></ul>
        </li>
    </script>
</head>
<body class="skin-blue sidebar-mini" cz-shortcut-listen="true">
<!-- Site wrapper -->
<div class="wrapper">
    <header class="main-header">
        <!-- Logo -->
        <a href="#/" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b>库存</b></span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>库存管理系统</b></span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">菜单</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href="javascript:return false;"
                           class="dropdown-toggle"
                           data-toggle="dropdown"
                           aria-expanded="false">
                            <img src="/assets/img/user2-160x160.jpg" class="user-image" alt="User Image">
                            <span class="hidden-xs">{{$currentUser->name }}</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header">
                                <img src="assets/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                                <p>
                                    <small> {{$currentUser->name }} - {{$currentUser->type_label}}</small>
                                    <small>( {{$currentUser->email }} )</small>
                                </p>
                            </li>
                            <!-- Menu Body -->
                            <li class="user-body">
                                <small class="col-xs-12 text-center">
                                    最后登录时间 : <br> {{$currentUser->last_login_at}}
                                </small>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-right">
                                    <a href="{{route('logout')}}" class="btn btn-primary btn-flat">退出系统</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!-- Control Sidebar Toggle Button -->

                </ul>
            </div>
        </nav>
    </header>
    <!-- =============================================== -->
    <!-- Left side column. contains the sidebar -->
    <aside class="main-sidebar">
        <!-- Inner sidebar -->
        <div class="sidebar" ng-controller="MenuCtrl">
            <!-- user panel (Optional) -->
            <div class="user-panel" style="padding: 20px 10px;">
                <div class="pull-left image">
                    <img src="assets/img/user2-160x160.jpg" class="img-circle" alt="{{$currentUser->name}}">
                </div>
                <div class="pull-right info">
                    <p>{{$currentUser->name}}</p>
                    <a><i class="fa fa-circle text-success"></i>{{$currentUser->type_label}}</a>
                </div>
            </div><!-- /.user-panel -->

            <!-- Sidebar Menu -->
            <ul id="sidebar-menu" class="sidebar-menu" ng-include="'menu-items-tpl'"></ul>
        </div><!-- /.sidebar -->
    </aside><!-- /.main-sidebar -->
    <!-- =============================================== -->

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" style="min-height: 1096px;">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
               库存管理系统
            </h1>
            <ol class="breadcrumb hidden">
                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="#">Examples</a></li>
                <li class="active">Blank page</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content" ng-view>

            <!-- Default box -->
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">Title</h3>
                    <div class="box-tools pull-right">
                        <button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i
                                    class="fa fa-minus"></i></button>
                        <button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i
                                    class="fa fa-times"></i></button>
                    </div>
                </div>
                <div class="box-body">
                    Start creating your amazing application!
                </div><!-- /.box-body -->
                <div class="box-footer">
                    Footer
                </div><!-- /.box-footer-->
            </div><!-- /.box -->

        </section><!-- /.content -->
    </div><!-- /.content-wrapper -->

    <footer class="main-footer">
        <div class="pull-left hidden-xs">
            <b>版本 : </b> 1.0.0
        </div>
        <strong>库存管理系统</strong>
    </footer>

</div><!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script src="assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="assets/js/admin-lte.min.js"></script>
<!-- iCheck -->
<script src="assets/plugins/iCheck/icheck.js"></script>

<script src="assets/js/libs/angular.min.js"></script>
<script src="assets/js/libs/angular-route.min.js"></script>
<script src="assets/js/libs/angular-resource.min.js"></script>
<script src="assets/js/libs/ng-table.min.js"></script>
<script src="assets/js/libs/sweetalert.min.js"></script>
<script src="assets/js/libs/ng-SweetAlert.min.js"></script>
<script src="assets/js/libs/angular-sanitize.min.js"></script>
<script src="assets/js/libs/ladda.min.js"></script>
<script src="assets/js/libs/angular-ladda.min.js"></script>
<script src="assets/js/libs/ngDialog.min.js"></script>
<script src="assets/js/libs/ngMask.min.js"></script>
<script src="assets/js/libs/select.min.js"></script>
<script src="assets/js/libs/lodash.min.js"></script>

<script src="assets/js/libs/ckeditor/ckeditor.js"></script>
<script src="assets/js/libs/ng-ckeditor.min.js"></script>

<script src="assets/js/libs/ng-file-upload/ng-file-upload.min.js"></script>
<script src="assets/js/libs/ng-file-upload/ng-file-upload-shim.min.js"></script>

<script src="assets/js/app/app.js?v=1.2"></script>
<script src="assets/js/app/directives.js?v=1.2"></script>
<script src="assets/js/app/services.js?v=1.2"></script>
<script src="assets/js/app/controllers.js?v=1.2"></script>
<script src="assets/js/app/routes.js?v=1.2"></script>

<script>
    $(function () {
        $('input, .icheck').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });
</script>

</body>
</html>